<template>
    <div class="table-category box-border h-full w-full flex p-15px">
        <div class="w-250px">
            <comp-category />
        </div>
        <div class="h-full w-calc(100%-250px) flex-1">
            <comp-category-table />
        </div>
    </div>
</template>

<script lang="ts" setup>
import type { CategoryType } from '~/types/table.types'

defineOptions({
    name: 'CategoryTable',
    inheritAttrs: true,
})

const activeCateogy = ref({} as CategoryType)
provide(activeCategoryKey, activeCateogy)
provide(updateActiveCategoryKey, (payload: CategoryType) => {
    activeCateogy.value = payload
})
</script>
